<!DOCTYPE html>
<html id="all">

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <!-- <meta http-equiv="page-enter" content="revealtrans(duration=1, transition=1)">
        <meta http-equiv="Page-Exit" content="revealtrans(duration=1, transition=1)"> -->
    <link rel="icon" id="siteIcon" type="image/ico" href="" />
    <!-- <link rel="icon" id="icon" type="image/ico" href="static/jiaodalogo.jpg"/> -->
    <!-- <link rel="preload" href="https://gou-bin.oss-cn-beijing.aliyuncs.com/yunken/backimg.jpg" as="image"> -->
    <!-- <link rel="shortcut icon" id="icon" type="image/ico" href="https://gou-bin.oss-cn-beijing.aliyuncs.com/yunken/tenOne.png"> -->
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <!-- 下面是转https的跳转，有抖动，改为在登录页跳转效果更好 -->
    <!-- <meta http-equiv="refresh" content="0; url=https://iot.ykiot.net"> -->
    <meta http-equiv="keywords" id="kwd" content="">
    <meta http-equiv="description" id="des" content="网页描述">
    <title id="title"></title>
    <style>
        .screenNotice {
            background-color: #0f2654 !important;
            padding-left: 6px !important;

        }

        .screenNotice .el-notification__title {
            color: #fff !important;
        }

        .el-breadcrumb__separator {
            margin: 0 1px !important;
        }

        html,
        body {
            margin: 0;
            padding: 0;
        }

        /* 2560的0.9倍 */
        @media all and (max-width:2850px) {

            html,
            body {
                font-size: 57.11px !important;
            }
        }

        @media all and (max-width:2560px) {

            html,
            body {
                font-size: 51.4px !important;
            }

            .amap-marker-label {
                font-size: 16px !important;
            }

            .turn {
                float: left;
                margin-left: -0.814rem !important;
                margin-top: 0.3rem !important;
            }

            .inptime {
                height: 0.56rem !important;
            }

            .roundline {
                position: relative;
            }

            .turnbtn {
                float: right;
                position: absolute;
                top: 0.1rem;
                right: 0.1rem;
            }

            #goback {
                float: right;
                transform: translateY(0.28rem);
            }

            .mar_l {
                margin-left: -0.6rem !important;
            }

            .mar_l_2 {
                margin-left: -0.5rem !important;
            }

            .mar_l_3 {
                margin-left: -0.15rem !important;
            }

            .mar_2 {
                margin-left: -0.1rem !important;
            }

            .demo {
                margin-left: -0.814rem !important;
                margin-top: 0.154rem !important;
            }
        }

        /* 2560放大1.1倍2330 */
        @media all and (max-width:2330px) {

            html,
            body {
                font-size: 46.73px !important;
            }
        }

        /* 1920放大0.9倍 */
        @media all and (max-width:2140px) {

            html,
            body {
                font-size: 46.26px !important;
            }
        }

        /* 2560放大1.25倍2048 */
        @media all and (max-width:2048px) {

            html,
            body {
                font-size: 41.12px !important;
            }
        }

         /* @media all and (min-height:1500px){
            html,
            body {
                font-size: 41.12px !important;
            }

         } */



        @media all and (max-width:1920px) {

            html,
            body {
                font-size: 51.4px !important;
            }

            .amap-marker-label {
                font-size: 14px !important;
            }

            .sele {
                height: 0.8rem !important;
            }

            #goback {
                float: right;
                transform: translateY(0.2rem);
            }

            .turn {
                float: left;
                transform: translateX(-0.3rem) !important;
                /* margin-left:-2rem!important; */
                margin-top: 0.15rem !important;
            }

            .inptime {
                height: 0.8rem !important;
            }

            .roundline {
                position: relative;
            }

            .turnbtn {
                float: right;
                position: absolute;
                top: 0.1rem;
                right: 0.1rem;
            }

            .mar_l {
                margin-left: -0.9rem !important;
            }

            .mar_l_2 {
                margin-left: -1rem !important;
            }

            .mar_l_3 {
                margin-left: -0.7rem !important;
            }

            .mar_l_4 {
                margin-left: -0.4rem !important;
            }

            .mar {
                margin-left: -0.5rem !important;
            }

            .mar_2 {
                margin-left: -0.6rem !important;
            }

            .mar_3 {
                margin-left: -0.2rem !important;
            }

            .mar_4 {
                margin-left: -0.1rem !important;
            }

            .demo {
                margin-left: -0.8rem !important;
                /* margin-top:0.1rem; */
            }
        }

        /* 1920放大1.1倍1745 */
        @media all and (max-width:1800px) {

            html,
            body {
                font-size: 46.73px !important;
            }
        }

        /* 2560放大1.5倍1706 */
        @media all and (max-width:1710px) {

            html,
            body {
                font-size: 34.26px !important;
            }
        }


        @media all and (max-width:1600px) {

            html,
            body {
                font-size: 41.65px !important;
            }

            .amap-marker-label {
                font-size: 12px !important;
            }

            .turn {
                float: left;
                transform: translateX(-0.6rem) !important;
                /* margin-left:-2rem!important; */
                margin-top: 0.1rem !important;
            }

            .searchinp {
                width: 4rem !important;
            }

            .mar_l {
                margin-left: -1.2rem !important;
            }

            .mar_l_2 {
                margin-left: -1.26rem !important;
            }

            .mar_l_3 {
                margin-left: -1.2rem !important;
            }

            .mar_l_4 {
                margin-left: -0.6rem !important;
            }

            .mar {
                margin-left: -0.95rem !important;
            }

            .mar_2 {
                margin-left: -1rem !important;
            }

            .mar_3 {
                margin-left: -0.5rem !important;
            }

            .mar_4 {
                margin-left: -0.45rem !important;
            }

            .inptime {
                height: 1rem !important;
            }

            #goback {
                float: right;
                transform: translateY(0.1rem);
            }

            .roundline {
                position: relative;
            }

            .turnbtn {
                position: absolute !important;
                top: 0.1rem !important;
                right: 0.1rem !important;
            }

            .mapbtn {
                width: 1.5rem !important;
                height: 0.6rem !important;
            }
        }

        /* 1920放大1.25倍1536 */
        @media all and (max-width:1540px) {

            html,
            body {
                font-size: 41.12px !important;
            }
        }

        /* 1366的0.9倍 */
        @media all and (max-width:1520px) {

            html,
            body {
                font-size: 38.22px !important;
            }
        }

        /* 1600的1.1倍 */
        @media all and (max-width:1455px) {

            html,
            body {
                font-size: 37.86px !important;
            }
        }

        @media all and (max-width:1440px) {

            html,
            body {
                font-size: 41.65px !important;
            }

            .inptime {
                height: 1rem !important;
            }

            .mapbtn {
                width: 1.5rem !important;
                height: 0.7rem !important;
            }

            .mapbtn {
                width: 2.2rem !important;
            }

            .mar {
                margin-left: -1.1rem !important;
            }

            .mar_2 {
                margin-left: -1.1rem !important;
            }

            .mar_3 {
                margin-left: -0.75rem !important;
            }

            .mar_4 {
                margin-left: -0.6rem !important;
            }
        }

        @media all and (max-width:1366px) {

            html,
            body {
                font-size: 34.4px !important;
            }

            .inptime {
                margin-top: 0.26rem !important;
                height: 1.1rem !important;
            }

            .turn {
                float: left;
                transform: translateX(-0.9rem) !important;
                /* margin-left:-2rem!important; */
                margin-top: -0.1rem !important;
            }

            #goback {
                float: right;
                transform: translateY(0.1rem);
            }

            .headerTop {
                margin-bottom: 0.4rem !important
            }

            .mapbtn {
                width: 2.2rem !important;
            }

            .mar_4 {
                margin-left: -0.5rem !important;
            }
        }

        /* 1440的1.1倍 */
        @media all and (max-width:1310px) {

            html,
            body {
                font-size: 37.86px !important;
            }
        }

        @media all and (max-width:1280px) {

            html,
            body {
                font-size: 33.32px !important;
            }
        }

        @media all and (max-width:1280px) and (max-height:960px) {

            html,
            body {
                font-size: 45px !important;
            }

            .mapbtn {
                width: 2rem !important;
            }
        }

        @media all and (max-width:1280px) and (max-height:800px) {

            html,
            body {
                font-size: 36px !important;
            }
        }

        @media all and (max-width:1280px) and (max-height:768px) {

            html,
            body {
                font-size: 34.4px !important;
            }

            .mapbtn {
                width: 2rem !important;
            }
        }

        /* 1366的1.1倍 */
        @media all and (max-width:1216px) {

            html,
            body {
                font-size: 31.27px !important;
            }

        }

        /* 1440的1.25倍 */
        @media all and (max-width:1152px) {

            html,
            body {
                font-size: 33.32px !important;
            }
        }

        /* 1366的1.25倍 */
        @media all and (max-width:1100px) {

            html,
            body {
                font-size: 27.52px !important;
            }

        }

        @media all and (max-width:1024px) {

            html,
            body {
                font-size: 32px !important;
            }

            .el-button--mini{
              font-size:0.3rem!important;
              padding-left:6px!important;
              padding-right: 6px!important;
            }

            .mapbtn {
                width: 2rem !important;
            }

        }

        /*以下为显示比例适配*/
        /* @media all and (-moz-min-device-pixel-ratio: 1.09) and (-moz-max-device-pixel-ratio: 1.18),
			(-webkit-min-device-pixel-ratio: 1.09) and (-webkit-max-device-pixel-ratio: 1.18),
			(min-resolution: 1.09dppx) and (max-resolution: 1.18dppx) {
				:root {
					font-size: 14px;
				}
			}

			@media all and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28),
			(-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28),
			(min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) {
				:root {
					font-size: 13px;
				}
			}

			@media all and (-moz-min-device-pixel-ratio: 1.29) and (-moz-max-device-pixel-ratio: 1.4),
			(-webkit-min-device-pixel-ratio: 1.29) and (-webkit-max-device-pixel-ratio: 1.4),
			(min-resolution: 1.29dppx) and (max-resolution: 1.4dppx) {
				:root {
					font-size: 12px;
				}
			}

			@media all and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
			(-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
			(min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {
				:root {
					font-size: 10px;
				}
			}

			@media all and (-moz-min-device-pixel-ratio: 1.61) and (-moz-max-device-pixel-ratio: 1.8),
			(-webkit-min-device-pixel-ratio: 1.61) and (-webkit-max-device-pixel-ratio: 1.8),
			(min-resolution: 1.61dppx) and (max-resolution: 1.8dppx) {
				:root {
					font-size: 9px;
				}
			}

			@media all and (-moz-min-device-pixel-ratio: 1.81) and (-moz-max-device-pixel-ratio: 2.1),
			(-webkit-min-device-pixel-ratio: 1.81) and (-webkit-max-device-pixel-ratio: 2.1),
			(min-resolution: 1.81dppx) and (max-resolution: 2.1dppx) {
				:root {
					font-size: 8px;
				}
			} */
        /* 高德地图标签样式修改 */

        .amap-marker-label {
            border: 1px solid deepskyblue;
            color: #fff;
            min-width: 80px;
            padding: 4px;
            background-color: rgba(0, 0, 0, 0.6);
        }

        .amap-info-content {
            position: relative;
            background: rgba(0, 0, 0, 0.5);
            border: 1px solid #fff;
            padding: 10px 10px 10px 10px;
            /* line-height: 1.4; */
            overflow: auto;
        }


        /* 全局报警提示的icon颜色调整 */
        .alarmNotice .el-icon-warning {
            color: red !important;
        }


        /*下面这两个类用于移除百度地图logo和版权信息，现在已换为高德地图*/
        /* .anchorBL {
				display: none !important;
			}

			.BMap_cpyCtrl {
				display: none !important;
			} */
      /*  .el-menu-item.is-active {
            background-color: #fff !important;
        } */

        /* 控制主菜单收缩时，滑出的子菜单居中对齐 */
        .el-menu--vertical .el-menu .el-menu-item{
        	text-indent: 0!important;
        	height:0.7rem!important;
        	line-height:0.7rem!important;
        }

        /* 所有element-Ui的对话框都带圆角 */
        .el-dialog{
        	border-radius: 8px!important;
        }
    </style>

</head>

<body oncontextmenu="return false" οnblur="this.focus()" style="background-color: white;">
    <!-- <body style="background-color: white;"> -->
    <div id="app"></div>
    <!-- built files will be auto injected -->
    <!-- <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> -->
    <!-- <script type="text/javaScript" src="http://api.map.baidu.com/api?v=2.0&ak=ezwweVnps61hg4Xkiz21IC9yvAkbKF2o"></script> -->
    <script>
        // if(window.location.protocol=="http:"){
        //     window.location.replace('https://' + window.location.host);
        // }
    </script>
    <script defer>
        //defer用以确保结构加载完成后，再加载JS，有利于提高性能,但不能用于加载地图的JS，因为地图结构加载时，就要用到JS
        window.onload = function () {
            //关键词之间用英文逗号隔开，最好不超过3个
            document.getElementById("kwd").content = localStorage.getItem("keyWords") || "物联网,云平台,云垦物联,设备控制,远程监控,数据采集";
            document.getElementById("des").content = localStorage.getItem("webDes") || "物联物联网云平台";
            // document.getElementById("title").innerText=localStorage.getItem("webName") || "**物联平台";
            // document.getElementById("title").innerText="(新版)数据远程监控物联网云平台";
            //       if(localStorage.getItem("loginLogo")){
            // document.getElementById("icon").href="http://47.104.3.133:51880/"+localStorage.getItem("loginLogo");
            // }else{
            //document.getElementById("icon").href="http://iot.ykiot.net:51883/static/images/Yklogo.png";

            //}
            document.getElementById("all").style.height = window.innerHeight + "px";
        };

        window.onkeydown = function (event) {
            if (event.keyCode == 123) { //禁止F12查看代码
                //event.preventDefault();
                //alert("禁止按键!");
            }
            if ((event.ctrlKey) && (event.keyCode == 85)) {
                event.keyCode = 0;
                event.returnValue = false;
                //alert("禁止使用Ctrl+u!");
            }
            if ((event.shiftKey) && (event.keyCode == 121)) {
                event.keyCode = 0;
                event.returnValue = false;
                event.preventDefault();
                //alert("禁止使用shift+F10!");
            }
            if ((event.ctrlKey) && (event.keyCode == 83)) {
                event.keyCode = 0;
                event.returnValue = false;
                event.preventDefault();
                //alert("禁止使用ctrl+s!");
            }
        };


    </script>
    <!-- 高德地图调用 -->
    <!-- <script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=c9e636ead1a509d9eb68df96317932fd&plugin=AMap.GraspRoad">
    </script> -->
    <!-- <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=c9e636ead1a509d9eb68df96317932fd&plugin=AMap.GraspRoad">
	</script> -->
    <!-- 使用http地址也可以 -->
    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=c9e636ead1a509d9eb68df96317932fd">
    </script>
    <script type="text/javascript" src="https://webapi.amap.com/ui/1.1/main.js">
    </script>
    <!-- 停止使用百度地图 -->
    <!-- <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ezwweVnps61hg4Xkiz21IC9yvAkbKF2o"> -->
    <!-- </script> -->
    <!-- <script type="text/html" src="static/jyzt/index_edit.html?stageId=10096&selectOneWhere=12" defer></script> -->
    <script src="https://gou-bin.oss-cn-beijing.aliyuncs.com/yunken/dqecharts.min.js" async></script>
    <!-- ykecharts.min.js增加仪表盘组件和视觉映射功能（即曲线渐变） -->
    <!-- <script src="./static/echarts.min.js" defer></script> -->
    <!-- <script src="https://gou-bin.oss-cn-beijing.aliyuncs.com/yunken/ykecharts.min.js" defer></script> -->
    <script src="https://gou-bin.oss-cn-beijing.aliyuncs.com/ezuikit.js"></script>
</body>

</html>
